<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
	  xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
	  xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<head>
<title>模板</title>
<meta charset="utf-8" />
<link type="text/css" rel="stylesheet" th:href="@{~/managed/assets/css/bootstrap.min.css}" />
<link rel="stylesheet" th:href="@{~/managed/assets/font-awesome/4.5.0/css/font-awesome.min.css}" />
<link type="text/css" rel="stylesheet" th:href="@{~/managed/assets/css/jquery-ui.min.css}" />
<link type="text/css" rel="stylesheet" th:href="@{~/managed/assets/css/fonts.googleapis.com.css}" />
<link type="text/css" rel="stylesheet" th:href="@{~/managed/assets/css/ace.min.css}" />
<link type="text/css" rel="stylesheet" th:href="@{~/managed/assets/css/ace-skins.min.css}" />
<link type="text/css" rel="stylesheet" th:href="@{~/managed/assets/css/ace-rtl.min.css}" />
<link type="text/css" rel="stylesheet" th:href="@{~/managed/assets/css/jquery-ui.min.css}" />
<script type="text/javascript" th:src="@{~/managed/assets/js/ace-extra.min.js}"></script>
<script type="text/javascript" th:src="@{~/managed/assets/js/jquery-2.1.4.min.js}"></script>
<script type="text/javascript" th:src="@{~/managed/assets/js/bootstrap.min.js}"></script>
<script type="text/javascript" th:src="@{~/managed/assets/js/ace-elements.min.js}"></script>
<script type="text/javascript" th:src="@{~/managed/assets/js/ace.min.js}"></script>
<script type="text/javascript" th:src="@{~/managed/assets/js/jquery-ui.min.js}"></script>
<script type="text/javascript" th:src="@{~/managed/assets/js/jquery.ui.touch-punch.min.js}"></script>
<script type="text/javascript" th:src="@{~/managed/assets/js/jquery.validate.min.js}"></script>
<script type="text/javascript" th:src="@{~/managed/assets/js/jquery.hotkeys.index.min.js}"></script>
</head>
<body class="no-skin">
	<div id="navbar" class="navbar navbar-default  ace-save-state">
		<div class="navbar-container ace-save-state" id="navbar-container">
			<button type="button" class="navbar-toggle menu-toggler pull-left"
				id="menu-toggler" data-target="#sidebar">
				<span class="sr-only">Toggle sidebar</span> <span class="icon-bar"></span>

				<span class="icon-bar"></span> <span class="icon-bar"></span>
			</button>

			<div class="navbar-header pull-left">
				<small class="navbar-brand"> <i class="fa fa-home"></i>
					个人博客后台管理系统
				</small>
			</div>

			<div class="navbar-buttons navbar-header pull-right"
				role="navigation">
				<ul class="nav ace-nav">
					<li class="light-blue dropdown-modal">
						欢迎</li>
				</ul>
			</div>
		</div>
	</div>
	<div class="main-container ace-save-state" id="main-container">
		<div id="sidebar" class="sidebar responsive  ace-save-state">

			<div class="sidebar-shortcuts" id="sidebar-shortcuts">
				<div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
					<button class="btn btn-success">
						<i class="ace-icon fa fa-signal"></i>
					</button>

					<button class="btn btn-info">
						<i class="ace-icon fa fa-pencil"></i>
					</button>

					<button class="btn btn-warning">
						<i class="ace-icon fa fa-users"></i>
					</button>

					<button class="btn btn-danger">
						<i class="ace-icon fa fa-cogs"></i>
					</button>
				</div>

				<div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
					<span class="btn btn-success"></span> <span class="btn btn-info"></span>

					<span class="btn btn-warning"></span> <span class="btn btn-danger"></span>
				</div>
			</div>

			<ul class="nav nav-list">

				<li id="article" class=""><a href="#" class="dropdown-toggle"> <i
						class="menu-icon fa fa-book"></i> <span class="menu-text">
							文章管理 <span class="badge badge-primary"></span>
					</span> <b class="arrow fa fa-angle-down"></b>
				</a> <b class="arrow"></b>
					<ul class="submenu">
						<li id="addArticle" class=""><a
							th:href="@{/manage/view/addArticle}"> <i
								class="menu-icon fa fa-caret-right"></i> 添加文章
						</a> <b class="arrow"></b></li>
						<li id="articleList" class=""><a
							th:href="@{/manage/view/articleList}"> <i
								class="menu-icon fa fa-caret-right"></i> 文章管理
						</a> <b class="arrow"></b></li>
						<li id="cate" class=""><a
							th:href="@{/manage/view/cateList}"> <i
								class="menu-icon fa fa-caret-right"></i> 文章分类管理
						</a> <b class="arrow"></b></li>

					</ul></li>

				<li sec:authorize="hasRole('ROLE_ADMIN')" id="person" class=""><a href="#" class="dropdown-toggle"> <i
						class="menu-icon fa fa-user"></i> <span class="menu-text">
							个人管理 <span class="badge badge-primary"></span>
					</span> <b class="arrow fa fa-angle-down"></b>
				</a> <b class="arrow"></b>
					<ul class="submenu">
						<li id="personal" class=""><a
							th:href="@{/manage/view/information}"> <i
								class="menu-icon fa fa-caret-right"></i> 基本信息管理
						</a> <b class="arrow"></b></li>
						<li id="project" class=""><a
							th:href="@{/manage/view/project}"> <i
								class="menu-icon fa fa-caret-right"></i> 项目经验管理
						</a> <b class="arrow"></b></li>
						<li id="technique" class=""><a
							th:href="@{/manage/view/technique}"> <i
								class="menu-icon fa fa-caret-right"></i> 个人技能管理
						</a> <b class="arrow"></b></li>
					</ul></li>
					
				<li id="permission" class=""><a href="#" class="dropdown-toggle"> <i class="menu-icon fa fa-user-secret">
				</i> <span class="menu-text">
							权限管理 <span class="badge badge-primary"></span>
					</span> <b class="arrow fa fa-angle-down"></b>
				</a> <b class="arrow"></b>
					<ul class="submenu">
						<li id="user" class=""><a
							th:href="@{/manage/view/member}"> <i
								class="menu-icon fa fa-caret-right"></i> 用户管理
						</a> <b class="arrow"></b></li>
						<li id="role" class=""><a
							th:href="@{/manage/view/role}"> <i
								class="menu-icon fa fa-caret-right"></i> 角色管理
						</a> <b class="arrow"></b></li>						
					</ul></li>

				<li class=""><a th:href="@{/manage/logout}"> <i
						class="menu-icon fa fa-unlock"></i> <span class="menu-text">
							退出 </span>
				</a></li>
			</ul>

			<div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
				<i id="sidebar-toggle-icon"
					class="ace-icon fa fa-angle-double-left ace-save-state"
					data-icon1="ace-icon fa fa-angle-double-left"
					data-icon2="ace-icon fa fa-angle-double-right"></i>
			</div>
		</div>
		<div layout:fragment="content"></div>
		<div class="footer">
			<div class="footer-inner">
				<div class="footer-content">
					<span class="bigger-120"> <span class="blue bolder">个人</span>
						应用 &copy; 2016-2017
					</span> &nbsp; &nbsp; <span class="action-buttons"> <a
						href="https://github.com/anttake" target="_Blank"> <i
							class="ace-icon fa fa-github light-dark bigger-150"></i>
					</a>

					</span>
				</div>
			</div>
		</div>
	</div>
<script type="text/javascript" th:src="@{~/managed/common/common.js}"></script>	
</body>
</html>